$(function(){
    // 当鼠标点击这个首页的时候
    $('.first-box ul>li a').click(function(){
       $(this).css('color','red').parent().siblings().children('a').css('color','');
      //  $(this).parent().siblings().children('a').css('color','');
       $(this).siblings('.box-tangle').show();
       $(this).parent().siblings().children('.box-tangle').hide();
    })
   //  设置第一个已经被点击
   $('.first-box ul>li a:eq(0)').click();
   // 当点击这个里面的标签的时候
   $('.seconed-box .box-1-2 a').click(function(){
      $(this).css({
         background:'red',
         color:'#fff'
      })
      $(this).parent().siblings().children('a').css({
         background:'',
         color:''
      })
   })
   // 设置第一个标签被点击
   $('.seconed-box .box-1-2 span a:eq(0)').trigger('click');
   $('.seconed-box .box-1-x span a:eq(0)').trigger('click');
   $('.seconed-box .box-1-y span a:eq(0)').trigger('click');

   // 当点击里面的文字将按钮置为被选中
   $('.third-box a').click(function(){
      $(this).siblings().prop('checked',true);
   })

   //数字里面的盒子隐藏
   $('.fifth-box .fifth-in').hide();
   $('.fifth-box ul>li img').mouseenter(function(){
      $(this).parent().parent().children('.fifth-in').show();
      $(this).css({
         // transform: scaleX(2)
         width:193
      })
      $(this).parent().parent().css({
         marginRight: 0,
         marginBottom: 0,
      })
   })
   $('.fifth-box ul>li img').mouseleave(function(){
      $(this).parent().parent().children('.fifth-in').hide();
      $(this).css({
         width:160,
      })
      $(this).parent().parent().css({
         marginRight: 30,
         marginBottom: 100
      })
   })

})
